<template>
  <view class="header_swiper">
    <ISwiper :swiperList="swiperList" type="image"/>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { ISwiperInterface } from '#/swiper/ISwiperInterface';
import ISwiper from '@/components/swiper/ISwiper.vue';
const swiperList = ref<ISwiperInterface[]>([
  { image: 'https://s.cn.bing.net/th?id=OHR.CenoteLilies_ZH-CN5915682591_1920x1080.webp&qlt=50' },
  { image: 'https://cn.bing.com/th?id=OHR.DanumValley_ZH-CN5786482012_1920x1080.webp&qlt=50' },
  { image: 'https://cn.bing.com/th?id=OHR.SpringequinoxY25_ZH-CN1635828827_1920x1080.webp&qlt=50' }
]);
</script>

<style scoped>
.header_swiper {
  height: 400rpx;
}
</style>

v